<script setup lang="ts">
  import { globalStore } from '@/store'
  import { onMounted } from 'vue'
  import { getUsers } from '@api/user'

  const store = globalStore()
  console.log('store', store)

  onMounted(async () => {
    const { data } = await getUsers()
    console.log('users', data)
  })
</script>

<template>
  <img src="@a/logo.png" alt="logo">
  <h1>Home Page</h1>
  <p>{{ store.count }}</p>
  <p>{{ store.countPow2 }}</p>
  <button @click="store.increment()">+</button>
</template>

<style scoped lang="scss">
</style>
